<template>
<div>
  <van-nav-bar left-text="返回" left-arrow @click-left="onClickLeft">
    <template #right>
      <van-icon name="search" size="18" />
    </template>
  </van-nav-bar>
</div>

<div>
  <van-tabs v-model:active="active" >
    <van-tab title="收藏">
      <van-tabs v-model:active="active1">
      <van-tab title="我收藏的" name="1"><img width="420" height="825" src="../assets/7.png"></van-tab>
      <van-tab title="我关注的" name="2"><img width="400" height="260" src="../assets/5.png"></van-tab>
    </van-tabs>
    </van-tab>
    <van-tab title="追更" name="3"><img width="420" height="825" src="../assets/6.png"></van-tab>
  </van-tabs>

</div>
</template>

<script>
import { ref } from 'vue';
export default {
  setup() {
    const onClickLeft = () => history.back();
    const active = ref(0);
    const active1 = ref(0);
    return {
      onClickLeft,
      active,
      active1,
    };
  },
};
</script>

<style scoped>

</style>